<html>
<head>
        <link href="../css/style.css" rel="stylesheet" type="text/css" media="screen" ></link>
        <script type="text/javascript" src="../lib/jquery-1.7.2.js"></script>
        <script type="text/javascript" src="../lib/s3Slider.js"></script>
        <script type="text/javascript" src="../lib/slidingBar.js"></script>
        <script type="text/javascript" src="../lib/horiNavBar.js"></script>
        <script type="text/javascript">
                //alert("This is atest");
                $(document).ready(function(){//alert("Hey Baby");
                                $('#slider').s3Slider({timeOut: 4000});
                                slidingBar("#sliding-navigation", 25, 15, 150, .8);
                                initHoriNavBar();
                                });
        </script>
</head>
<body>
    <div class="banner">
    </div>
    <div class="hozNavBar">
            <div class="main-handler">
                    <ul class="main-nav">
                            <li><a class="main-link" href="#">HOME</a>
                                <ul class="sub-links">
                                        <li><a href="#">HOME</a></li>
                                </ul>
                            </li>
                    </ul>
            </div>
    </div>
    <div class="centerContent">
        <div class="categoryNavBox">
                <ul id="sliding-navigation">
                        <li class="sliding-element"><a href="#">This is a test 1</a></li>
                        <li class="sliding-element"><a href="#">This is a test 1</a></li>
                        <li class="sliding-element"><a href="#">This is a test 1</a></li>
                        <li class="sliding-element"><a href="#">This is a test 1</a></li>
                        <li class="sliding-element"><a href="#">This is a test 1</a></li>
                        <li class="sliding-element"><a href="#">This is a test 1</a></li>
                </ul>
        </div>
        <div id="slider">
                <ul id="slider_Content">
                        <li class="slider_Image">
                            <img src="../img/1.jpg" />
                            <span>This is a test</span>
                        </li>
                        <li class="slider_Image">
                            <img src="../img/2.jpg" />
                            <span>This is a test</span>
                        </li>
                        <div class="clear" id="slider_Image"></div>
                </ul>
        </div>
        <div class="clear"></div>
    </div>
    <div class="product"></div>
    <div class="news"></div>
    <div class="footer"></div>
</body>
</html>
